<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/product.css"/>
</head>
<body class="order">
	<div class="headerWrap">
	    <div class="header">
	        <div class="inner">
	            <div class="log"><a href="index.html"><img src="images/logo_03.jpg"/></a></div>
	            <ul class="nav clearfix">
	                <li><a href="index.html">网站首页</a></li>
	                <li><a href="company.html">关于我们</a></li>
	                <li><a href="news_center.html">新闻中心</a></li>
	                <li><a href="product_center.html">产品中心</a></li>
	                <li><a href="consult.html">门店资讯</a></li>
	                <li><a href="support.html">服务与支持</a></li>
	            </ul>
	            <ul class="icon">
	                <li><a href="login.html"></a></li>
	                <li><a href="shop_car.html"></a></li>
	                <li><a href="##"></a></li>
	            </ul>
	        </div>
	    </div>
	</div>
	<div class="main inner">
		<div class="progressBar">
			<ul class=" clearfix">
				<li class="no"><img src="images/product/10.png"/>购物车</li>
				<li class="ac"><img src="images/product/11.png"/>订单详情</li>
				<li class="no"><img src="images/product/12.png"/>提交成功	</li>
			</ul>
		</div>
		<div class="orderMain">
			<h2>填写并核对订单信息</h2>
			<ul class="info">
				<li class="botLine">
					<div class="sTitle clearfix">
						<h4>收货人信息</h4>
						<a>新增收获地址</a>
					</div>
					<div class="detailInfo clearfix">
						<div class="fLeft boxBtn active">球球 上海</div>
						<div class="fLeft">球球  上海 浦东新区 唐镇 创新西路唐风苑11号1201室  183****2870</div>
					</div>
				</li>
				<li class="botLine">
					<div class="sTitle">
						<h4>支付方式</h4>
					</div>
					<div class="detailInfo clearfix">
						<div class="fLeft boxBtn active">货到付款</div>
						<div class="fLeft boxBtn">在线支付</div>
						<div class="fLeft">更多&nbsp;&nbsp;&nbsp;》</div>
					</div>
				</li>
				<li class="botLine">
					<div class="sTitle">
						<h4>配送方式</h4>
					</div>
					<div class="detailInfo clearfix">
						<div class="fLeft boxBtn active">短信接收</div>
						<div class="fLeft"><img src="images/product/提示.png"/>兑换码将在支付完成后发送至您的手机 请注意查收</div>
					</div>
				</li>
				<li>
					<div class="sTitle">
						<h4>送货清单</h4>
						<a>返回修改购物车</a>
					</div>
					<table border="0" cellspacing="" cellpadding="" >
						<tr>
							<td style="width: 12%;text-align: center;"><img src="images/购物车1_03.jpg"/></td>
							<td style="width: 28%;">
								<p>捷安特（GIANT） Giant捷安特OYEA-D 21速山地自行车山地车碟刹 </p>
								<p class="tui"><i><img src="images/七天.png"/></i>支持7天无理由退货</p>
							</td>
							<td style="width: 17%;padding-left: 3%;">
								颜色：亮黑165-175cm <br />
								尺码：S <br />
								门店：捷安特新场专卖店
							</td>
							<td style="width: 6%;text-align: center;">*1</td>
							<td style="width: 6%;text-align: center;">￥898.00</td>
							<td style="width: 6%;text-align: center;">有货</td>
						</tr>
					</table>
				</li>
				<li>
					<div class="sTitle">
						<h4>添加订单备注</h4>
					</div>
					<div class="detailInfo notes clearfix">
						<input type="text" name="" id="" placeholder="限45字（定制类商品，请将购买需求在备注中做详细说明）" />
						<span>提示：请勿填写有关支付、收获、发票方面的信息</span>
					</div>
				</li>
				<li>
					<div class="sTitle notes">
						<h4>发票信息</h4>
						<input type="text" placeholder="开企业抬头发票须填写纳税人识别号，以免影响报销" style="margin-left: 30px;"/>
					</div>
				</li>
				<li class="tRight" style="padding-top: 20px;">1件商品，总商品金额：<span>￥898.00</span></li>
				<li class="tRight">返现：<span>￥0.00</span></li>
				<li class="tRight">运费：<span>￥0.00</span></li>
				<li class="tRight">服务费：<span>￥0.00</span></li>
				<li class="tRight" style="padding-bottom: 20px;">退换无忧：<span>￥0.00</span></li>
			</ul>
			<a href="orde_success.html"><input type="submit" name="" id="" value="提交订单" class="subOrder"/></a>
		</div>
	</div>
	<div class="footer">
	    <div class="f_main">
	        <div class="inner">
	            <dl>
	                <dt><a href="company.html">关于我们</a></dt>
	                <dd><a href="##">关于捷安达</a></dd>
	                <dd><a href="##">捷安达影像</a></dd>
	                <dd><a href="##">捷安达文化</a></dd>
	            </dl>
	            <dl>
	                <dt><a href="product_center.html">产品中心</a></dt>
	                <dd><a href="##">产品分类</a></dd>
	                <dd><a href="##">热销产品</a></dd>
	                <dd><a href="##">新品上线</a></dd>
	            </dl>
	            <dl>
	                <dt><a href="news_center.html">新闻资讯</a></dt>
	                <dd><a href="##">企业讯息</a></dd>
	                <dd><a href="##">最新案例</a></dd>
	                <dd><a href="##">企业文化</a></dd>
	            </dl>
	            <dl>
	                <dt><a href="product_center.html">企业产品</a></dt>
	                <dd><a href="##">产品讯息</a></dd>
	                <dd><a href="##">最新案例</a></dd>
	            </dl>
	            <dl>
	                <dt><a href="##">销售网点</a></dt>
	                <dd><a href="##">深圳网点</a></dd>
	                <dd><a href="##">成都网点</a></dd>
	                <dd><a href="##">重庆网点</a></dd>
	            </dl>
	            <dl class="last">
	                <dt><a href="##">订阅我们</a></dt>
	                <dd><a href="##">第一时间了解企业资讯</a></dd>
	                <dd><input type="text" placeholder="请输入您的邮箱"/><a href="##" class="arrow">></a></dd>
	            </dl>
	        </div>
	    </div>
	    <div class="bot">
	        <div class="inner">
	            <ul class="copy clearfix">
	                <li>服务条款<span>|</span></li>
	                <li>隐私政策<span>|</span></li>
	                <li>版权所有<span></span></li>
	            </ul>
	            <div class="bei">蜀ICP备11014931号</div>
	            <ul class="icon">
	                <li></li>
	                <li></li>
	                <li></li>
	            </ul>
	        </div>
	    </div>
	</div>
</body>
</html>
